<template>
  <div>
<!--    头部-->
    <div class="header">
      <FrontHeader/>
    </div>
    <div style="width: 1100px; margin: 80px auto">
      <router-view />
    </div>

  </div>
</template>

<script>
import FrontHeader from "@/components/front/Header.vue";

export default {
  name: "Front",
  components: {FrontHeader}
}
</script>

<style scoped>
.header {
  background-color: #fff;
  /*color: #fff;*/
  top: 0;
  left: 0;
  width: 100%;
  /*line-height: 80px;*/
  z-index: 100;
  position: fixed;
}
</style>